<template>
    <div id="PickDetails">
        <v-detail :detailData="inputData" :inputConfig="inputConfig" :rules="rules" ref="input"></v-detail>
    </div>
</template>

<script>
    import detail from "commons/Detail";
    import baseMixin from "@/mixins/BaseMixin";

    export default {
        name: "PickDetails",
        mixins: [baseMixin],
        props: {
            inputData: {
                type: Object
            }
        },
        data() {
            return {
                inputConfig: [
                    [
                        {
                            type: "select",
                            label: this.$t('outbound.method3'),
                            props: "uom3pickmethod",
                            options: this.getOptions('querycodeLkup/PICKMETHOD')
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.method2'),
                            props: "uom2pickmethod",
                            options: this.getOptions('querycodeLkup/PICKMETHOD')
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.method1'),
                            props: "uom1pickmethod",
                            options: this.getOptions('querycodeLkup/PICKMETHOD')
                        },
                    ],
                    [
                        {
                            type: "select",
                            label: this.$t('outbound.method4'),
                            props: "uom4pickmethod",
                            options: this.getOptions('querycodeLkup/PICKMETHOD')
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.method5',{no:'1'}),
                            props: "uom5pickmethod",
                            options: this.getOptions('querycodeLkup/PICKMETHOD')
                        },
                        {
                            type: "select",
                            label: this.$t('outbound.method5',{no:'2'}),
                            props: "uom6pickmethod",
                            options: this.getOptions('querycodeLkup/PICKMETHOD')
                        }
                    ]
                ],
                rules: {
                    uom3pickmethod: [
                        {required: true, message: '请选择件', trigger: 'blur'},
                    ],
                    uom2pickmethod: [
                        {required: true, message: '请选择内包装', trigger: 'blur'},
                    ],
                    uom1pickmethod: [
                        {required: true, message: '请选择箱', trigger: 'blur'},
                    ],
                    uom4pickmethod: [
                        {required: true, message: '请选择托盘', trigger: 'blur'},
                    ],
                    uom5pickmethod: [
                        {required: true, message: '请选择其他1', trigger: 'blur'},
                    ],
                    uom6pickmethod: [
                        {required: true, message: '请选择其他2', trigger: 'blur'},
                    ],
                },
            }
        },
        methods: {},
        mounted() {

        },
        components: {
            "v-detail": detail
        }
    }
</script>

<style scoped>

</style>
